<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>



<c:if test="${yleinenTila.tila != false}">
    <h3>Havainnointitapahtuman perustiedot</h3>
    
    <div class="error">
        <c:if test="${not empty virheet}">
            <p><c:forEach var="v" items="${virheet}">
                    ${v}<br>
                </c:forEach>
            </p>
        </c:if>
    </div>

    <br>
    <form name="havainnointitapahtuma" method="post" action="Havainnointi">
        <table>
            <tr>
                <th>Laskentakunta</th>
                <td>                 
                    <input type="text" name="kuntakoodi" id="laskentakunta" size="6" maxlength="6" value="${tapahtuma.laskentakunta}" onChange="updateName(document.getElementById('laskentakunta'), document.getElementById('kunta'))"/>             
                    <select name="kunta" id="kunta" onChange="updateCode(document.getElementById('laskentakunta'), document.getElementById('kunta'))">
                        <option value="0"></option>
                        <c:set var = "index" value = "0" />
                        <c:forEach var="lk" items="${kunnat}">                   
                            <option value="${lk.key}">${lk.value}</option>
                            <c:set var = "index" value = "${index + 1}"  />
                        </c:forEach>                
                    </select> 
                </td>
            </tr>
            <tr><th>Lähempi paikka</th>
                <td><input type="text" name="lahempiPaikka" id="lahempiPaikka" size="35" maxlength="17" value="${tapahtuma.lahempiPaikka}"/></td>
            </tr>
            <tr>
                <th>Päivämäärä</th>
                <td>

                    <select name="paiva" id="paiva">
                        <option value="0"></option>
                        <c:forEach var="i" begin="1" end="31">
                            <c:choose>
                                <c:when test="${i == tapahtuma.paiva}">
                                    <option value="${i}" selected> ${i}</option>
                                </c:when>
                                <c:otherwise>
                                    <option value="${i}"> ${i}</option>
                                </c:otherwise>
                            </c:choose>
                        </c:forEach>
                    </select>

                    . 

                    <select name="kuukausi" id="kuukausi">
                        <option value="0"></option>
                        <c:forEach var="i" begin="5" end="7">
                            <c:choose>
                                <c:when test="${i == tapahtuma.kuukausi}">
                                    <option value="${i}" selected> ${i}</option>
                                </c:when>
                                <c:otherwise>
                                    <option value="${i}"> ${i}</option>
                                </c:otherwise>
                            </c:choose>
                        </c:forEach>
                    </select>

                    .
                    <c:set var="now" value="<%=(new java.util.GregorianCalendar()).get(java.util.Calendar.YEAR)%>" />
                    <select name="vuosi" id="vuosi">
                        <option value="0"></option>
                        <c:forEach var="i" begin="0" end="${now - 1984}">
                            <c:choose>
                                <c:when test="${now - i == tapahtuma.vuosi}">
                                    <option value="${now - i}" selected> ${now - i}</option>
                                </c:when>
                                <c:otherwise>
                                    <option value="${now - i}"> ${now - i}</option>
                                </c:otherwise>
                            </c:choose>
                        </c:forEach>
                    </select>
                </td>
            </tr>

            <tr><th>Laskennan kesto</th>      
                <td>Alkoi: 

                    <select name="alkuTunnit" id="alkuTunnit">
                        <c:forEach var="i" begin="0" end="12">
                            <c:choose>
                                <c:when test="${i == tapahtuma.alkuTunnit}">
                                    <option value="${i}" selected>${i}</option>
                                </c:when>
                                <c:otherwise>
                                    <option value="${i}">${i}</option>
                                </c:otherwise>
                            </c:choose>
                        </c:forEach>
                    </select>

                    :

                    <select name="alkuMinuutit" id="alkuMinuutit">
                        <c:forEach var="i" begin="0" end="55" step="5"> 
                            <c:choose>
                                <c:when test="${i == tapahtuma.alkuMinuutit}">                
                                    <c:choose>
                                        <c:when test="${i < 10}">
                                            <option value="${i}" selected>0${i}</option>
                                        </c:when>
                                        <c:otherwise>
                                            <option value="${i}" selected>${i}</option>
                                        </c:otherwise>
                                    </c:choose> 
                                </c:when>
                                <c:otherwise>
                                    <c:choose>
                                        <c:when test="${i < 10}">
                                            <option value="${i}" >0${i}</option>
                                        </c:when>
                                        <c:otherwise>
                                            <option value="${i}" >${i}</option>
                                        </c:otherwise>
                                    </c:choose>
                                </c:otherwise>
                            </c:choose>
                        </c:forEach>
                    </select>

                    Loppui: 
                    <select name="loppuTunnit" id="loppuTunnit">
                        <c:forEach var="i" begin="0" end="12">
                            <c:choose>
                                <c:when test="${i == tapahtuma.loppuTunnit}">
                                    <option value="${i}" selected>${i}</option>
                                </c:when>
                                <c:otherwise>
                                    <option value="${i}">${i}</option>
                                </c:otherwise>
                            </c:choose>
                        </c:forEach>
                    </select>

                    :

                    <select name="loppuMinuutit" id="loppuMinuutit">
                        <c:forEach var="i" begin="0" end="55" step="5"> 
                            <c:choose>
                                <c:when test="${i == tapahtuma.alkuMinuutit}">                
                                    <c:choose>
                                        <c:when test="${i < 10}">
                                            <option value="${i}" selected>0${i}</option>
                                        </c:when>
                                        <c:otherwise>
                                            <option value="${i}" selected>${i}</option>
                                        </c:otherwise>
                                    </c:choose> 
                                </c:when>
                                <c:otherwise>
                                    <c:choose>
                                        <c:when test="${i < 10}">
                                            <option value="${i}" >0${i}</option>
                                        </c:when>
                                        <c:otherwise>
                                            <option value="${i}" >${i}</option>
                                        </c:otherwise>
                                    </c:choose>
                                </c:otherwise>
                            </c:choose>
                        </c:forEach>
                    </select>
                </td>
            </tr>
            <tr>

            <tr>
                <th>Havainnoija</th>
                <td>
                    <input type="text" name="havainnoijaNumero" id="havainnoijaNumero" size="6" maxlength="6" value="${tapahtuma.havainnoijaNumero}" onChange="updateName(havainnoijaNumero, ringer)" />                      
                    <select name="ringer" id="ringer" onChange="updateCode(havainnoijaNumero, ringer)">
                        <option value="0"></option>
                        <c:forEach var="r" items="${ringers}">                   
                            <option value="${r.key}">${r.value}</option>
                        </c:forEach>                
                    </select> 
                </td>
            </tr>
        </table>
    </form>  
    <br><br><hr><br>
</c:if>
<!-- Pisteen lomake -->
<a name="pisteet"></a>
<h3>Pisteet</h3><br> 
<jsp:include page="pisteet.jsp" />



